<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>知识共享平台</title>
    <link rel="stylesheet" href="" th:href="@{/lib/layui/css/layui.css}">
    <script th:src="@{/lib/layui/layui.js}"></script>
    <style>
        /*书的输入框的样式*/
        .book-input{
            height:80px;
            width: 600px;
            font-size: 30px;
            border: none;
            text-align: center;
            /*line-height: 800px;*/
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div th:replace="fragment/header::header" ></div>
    <div th:replace="fragment/left-nav::left-nav" ></div>
    <div class="layui-body">


    </div>
    <div class="layui-footer">
        <!-- 底部固定区域 -->
        © layui.com - 底部固定区域
    </div>
</div>
<script>
    layui.use(['layer','jquery','element'],function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var element=layui.element;

        $('#writeBtn').click(function () {
            var html = '<input  class="book-input" placeholder="请输入书名" />';
            layer.open({
                type: 1,
                title: false,
                closeBtn: 0,
                area: ['600px', '100px'],
                shadeClose: true,
                content: html
            });
        })
    })
</script>
</body>
</html>